<template>
	<view class="itemCont">
		<view class="box1" v-if="info.nameValueDtoList.length">
			
			
			
			<view class="li" v-for="item in info.nameValueDtoList">
				<view class="label">
					{{item.name}}：
				</view>
				<view class="value">
					{{item.value}}
				</view>
			</view>
			<!-- <view class="li">
				<view class="label">
					性别：
				</view>
				<view class="value">
					男
				</view>
			</view>

			<view class="li">
				<view class="label">
					年龄：
				</view>
				<view class="value">
					18
				</view>
			</view>
			<view class="li">
				<view class="label">
					身高：
				</view>
				<view class="value">
					175cm
				</view>
			</view>
			<view class="li">
				<view class="label">
					体重：
				</view>
				<view class="value">
					70kg
				</view>
			</view>

			<view class="li">
				<view class="label">
					生肖：
				</view>
				<view class="value">
					马
				</view>
			</view>
			<view class="li">
				<view class="label">
					学历：
				</view>
				<view class="value">
					本科
				</view>
			</view>
			<view class="li">
				<view class="label">
					生肖：
				</view>
				<view class="value">
					马
				</view>
			</view>
			<view class="li">
				<view class="label">
					职业：
				</view>
				<view class="value">
					白领
				</view>
			</view>
			<view class="li">
				<view class="label">
					月收入：
				</view>
				<view class="value">
					1.5万元
				</view>
			</view>
			<view class="li">
				<view class="label">
					年收入：
				</view>
				<view class="value">
					20万元
				</view>
			</view>
			<view class="li">
				<view class="label">
					房：
				</view>
				<view class="value">
					有
				</view>
			</view>
			<view class="li">
				<view class="label">
					车：
				</view>
				<view class="value">
					有
				</view>
			</view>

			<view class="li">
				<view class="label">
					家庭成员：
				</view>
				<view class="value">
					父母
				</view>
			</view>
			<view class="li">
				<view class="label">
					有无小孩：
				</view>
				<view class="value">
					有
				</view>
			</view>
			<view class="li">
				<view class="label">
					情感状态：
				</view>
				<view class="value">
					单身
				</view>
			</view>
			<view class="li">

				<view class="label">
					会员ID：
				</view>
				<view @click="copyTextToClipboard('mh186n111')" class="value">
					mh186n111
					<image class="copy" src="
https://oss.6mate.cn/mini/icon_copy.png" mode="">
					</image>
				</view>

			</view> -->
		</view>

		<!-- <view class="li">
			<view class="label">
				目的类型：
			</view>
			<view class="value">
				公开征婚
			</view>
		</view>
		<view class="li">
			<view class="label">
				简要说明：
			</view>
			<view class="value">
				西北政法大学本科，毕业就职西安市公安局交警支队，有车有房，父亲甘肃白银市处级领导退休，姐弟三人，姐姐江苏某医院护士长，弟弟已婚，曲江定居，自由职业，家庭无负担
			</view>
		</view>
		<view class="li">
			<view class="label">
				非隐私内容资料是否允许公开：
			</view>
			<view class="value">
				否
			</view>
		</view> -->


	</view>
</template>

<script>
	export default{
		props:['info'],
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.itemCont {
		.box1 {
			display: flex;
			flex-wrap: wrap;
			align-items: center;

			.li {
				width: 48%;
				margin-bottom: 22rpx;
				display: flex;
				margin-right: 2%;
				// align-items: center;

				.label {
					font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
					font-weight: 400;
					font-size: 28rpx;
					color: rgba(15, 20, 23, 0.7);
					line-height: 33rpx;
				}

				.value {
					flex: 1;
					font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
					font-weight: 400;
					font-size: 28rpx;
					color: #0F1417;
					line-height: 33rpx;

					.copy {
						width: 20rpx;
						height: 20rpx;
						margin-left: 10rpx;
					}
				}

				&:nth-child(2n) {
					width: 50%;
					margin-right: 0;
				}
			}
		}

		.li {
			width: 100%;
			margin-bottom: 22rpx;
			display: flex;
			align-items: center;

			.label {
				font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
				font-weight: 400;
				font-size: 28rpx;
				color: rgba(15, 20, 23, 0.7);
				line-height: 33rpx;
			}

			.value {
				flex: 1;
				font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
				font-weight: 400;
				font-size: 28rpx;
				color: #0F1417;
				line-height: 33rpx;

				.copy {
					width: 20rpx;
					height: 20rpx;
					margin-left: 10rpx;
				}
			}
		}
	}
</style>
